/*
 * Copyright (c) 2007-2008 Inturico Engineering GmbH
 * Copyright (c) 2008-2011 Doodle AG
 * $Id: doodle.css 15607 2010-10-25 14:40:00Z cb $
 */ /*		    RESET STUFF FROM YAHOO                        */
/*http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css*/
html {
	color: #000;
	background: #FFF;
}
* {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del, ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	clear: both;
	text-align: left;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

legend {
	color: #000;
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input, button, textarea, select { *font-size:
	100%;
}

ol, ul, li {
	list-style: none;
}

img {
	display: block;
}

/* 							CLEARFIX	    			  */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/*		               TEMPLATING STUFF                   */
html {
	background: #edf4fe;
}

body {
	height: 100%;
}

#background {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 50%;
	margin-left: -840px;
}

#doodleshadow {
	z-index: 20;
	position: relative;
	margin-bottom: 30px;
}

#container {
	min-height: 100%;
	position: static;
	z-index: 5;
	text-align: center;
	white-space: nowrap;
}

#page {
	z-index: 5;
	white-space: nowrap;
	text-align: left;
}

#page, #page > div {
	white-space: nowrap;
	display: -moz-inline-box;
	/* Firefox < 3, will be quirky in some edge cases... */
	display: inline-block;
	*display:inline;
	* zoom: 1;
	/* Star hack targets IE < 8; zoom triggers hasLayout with no other side-effects */
}

#skyleftcontainer {
	margin-top: 10px;
	overflow: hidden;
	vertical-align: top;
}

#skyleft {
	position: relative;
	z-index: 10;
}

#skyrightcontainer {
	overflow: hidden;
	vertical-align: top;
}

#skyright {
	position: relative;
	z-index: 10;
}

#skyright > div, #skyright > img {
	margin-top: 10px;
}

#banner {
	position: relative;
	z-index: 10;
	padding-left: 17px;
}

#banner .l {
	text-align: right;
}

#skyright .l {
	margin-top: 0px;
}

#shadowleft {
	background: url("/graphics/common/horizontalsprite.png") -170px 0 repeat-y;
	width: 18px;
	position: absolute;
	top: 8px;
	left: 0px;
	bottom: 8px;
	display: block;
	overflow: hidden;
}

#shadowtop {
	position: absolute;
	top: 0;
	left: 18px;
	right: 8px;
	background: url("/graphics/common/verticalsprite.png") 0 -511px repeat-x;
	height: 8px;
	overflow: hidden;
}

#shadowbottom {
	position: absolute;
	bottom: 0;
	left: 18px;
	right: 8px;
	background: url("/graphics/common/verticalsprite.png") 0 -519px repeat-x;
	overflow: auto;
	height: 8px;
	overflow: hidden;
}

#shadowlt {
	position: absolute;
	background: url("/graphics/common/horizontalsprite.png") -144px 0 no-repeat;
	left: 0;
	top: 0;
	width: 18px;
	height: 8px;
	overflow: hidden;
}

#shadowrt {
	position: absolute;
	background: url("/graphics/common/horizontalsprite.png") -162px 0 no-repeat;
	right: 0;
	top: 0;
	width: 8px;
	height: 8px;
	overflow: hidden;
}

#shadowlb {
	position: absolute;
	background: url("/graphics/common/horizontalsprite.png") -196px 0 no-repeat;
	left: 0;
	bottom: 0;
	width: 18px;
	height: 8px;
	overflow: hidden;
}

#shadowrb {
	position: absolute;
	background: url("/graphics/common/horizontalsprite.png") -214px 0 no-repeat;
	right: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	overflow: hidden;
}

#shadowright {
	background: url("/graphics/common/horizontalsprite.png") -188px 0 repeat-y;
	width: 8px;
	position: absolute;
	top: 8px;
	bottom: 8px;
	right: 0px;
	display: block;
	overflow: hidden;
}

#doodlecontainer {
	margin: 8px 8px 8px 18px;
	padding: 6px;
	background-image: url("/graphics/common/transbackground.png");
	min-width: 814px;
}

#doodle {
	background-color: white;
	white-space: normal;
	text-align: left;
}

#header {
	padding: 20px 24px 0;
}

#content {
	clear: both;
	min-height: 463px;
}

.contentPart {
	padding: 0 24px;
}

.fixedContent {
	width: 766px;
}

/* GENERAL STUFF */
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #323232;
}

input.submit, .ui-dialog .ui-dialog-buttonpane button {
	padding: 2px 8px;
}

.ui-dialog .ui-dialog-buttonpane {
	border: none !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: left !important;
}

input, textarea {
	padding: 1px 3px;
}

select {
	padding: 2px 3px;
}

input.inputText, textarea.inputText, select.select {
	border: 1px solid #888;
}

.logo {
	display: inline;
	float: left;
}

h1, .h1 {
	margin-top: 0px;
	font-size: 33px;
	line-height: 40px; /* 1.2 times font-size */
}

h2, .h2 {
	font-size: 23px;
	font-weight: bold;
	line-height: 28px; /* 1.2 times font-size */
}

h3, .h3 {
	font-size: 15px;
	line-height: 18px; /* 1.2 times font-size */
	font-weight: bold;
}

h4, .h4 {
	font-size: 15px;
	line-height: 18px; /* 1.2 times font-size */
}

h5, .h5 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px; /* 1.2 times font-size */
}

a {
	color: #06d;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

p.error {
	background: #ffdddb;
	color: #cf6661;
	font-weight: bold;
	padding: 10px;
	margin: 10px 0;
}

span.error {
	background: #ffcfcd;
	color: #cf6661;
	font-weight: bold;
	padding: 0 3px;
	margin: 10px 0;
	display: block;
}

.maintenanceMessage {
	background: #ffcfcd;
	color: #cf6661;
	font-weight: bold;
	padding: 24px;
	margin: 65px 0 0 0;
}

/* DEFINITION OF FONT COLORS */
.orange {
	color: #f88f07;
}

.green {
	color: #5cad5c;
}

.red {
	color: #cf6661;
}

.blue {
	color: #0066dd;
}

.grey {
	color: #6f6f6f;
}

.spaceAAfter {
	padding-bottom: 52px;
}

.spaceBAfter {
	padding-bottom: 35px;
}

.spaceCAfter {
	padding-bottom: 22px;
}

.spaceDAfter {
	padding-bottom: 14px;
}

.spaceEAfter {
	padding-bottom: 3px;
}

.spaceABefore {
	padding-top: 52px;
}

.spaceBBefore {
	padding-top: 35px;
}

.spaceCBefore {
	padding-top: 22px;
}

.spaceDBefore {
	padding-top: 14px;
}

.spaceEBefore {
	padding-top: 3px;
}

.yellowBG {
	background-color: #fff8db;
}

.hintText {
	color: #6f6f6f;
}

.expander {
	cursor: pointer;
	padding-right: 16px;
	height: 12px;
	margin-right: 8px;
	background: url('/graphics/common/verticalsprite.png') right -22px no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.expanderUp {
	background: url('/graphics/common/verticalsprite.png') right -10px no-repeat;
}

#language >.expander {
	float: right;
}

/* SPECIFIC STUFF */ /* MyDoodle login */
#login {
	float: right;
	font-size: 12px;
	line-height: 18px;
}

#eMailAddress, #password {
	width: 145px;
}

#eMailAddress.large {
	width: 299px;
}

#loginButton {
	padding: 0 6px;
	min-height: 20px;
	margin-left: 3px;
}

#login tr.loghelp td {
	font-size: 11px;
	text-align: left;
}

#login .myDoodleError {
	background: #ffcfcd;
	color: #cf6661;
	font-weight: bold;
	padding: 0 3px;
}

#login .mydoodle {
	color: #393;
	font-weight: bold;
}

#login .mydoodle:hover {
	color: #333;
}

#login .actions {
	font-size: 11px;
}

/* Third-party login
 -------------------------------------- */
.dropdown-field, .formPanel input.dropdown-field {
	height: 16px;
	margin: 0px;
	padding: 1px 2px 1px;
	display: inline;
	vertical-align: bottom;
	float: left;
}

.dropdown-submit {
	margin: 0;
	vertical-align: bottom;
}

.dropdown-button {
	border: 1px solid #888;
	background: #fff;
	width: 28px;
	height: 16px;
	margin: 0px 0px 0px -1px;
	padding: 1px 3px 1px;
	-moz-user-select: none;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	float: left;
}

.dropdown-table {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	border-collapse: separate;
	border: 1px solid #888;
	background: #fff;
	width: 100px;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.dropdown-table td {
	padding: 3px;
	cursor: pointer;
}

.dropdown-table tr:hover td {
	background: #EEF6FE;
}

.dropdown-table td.lc {
	width: 16px;
	padding-left: 6px;
}

div.thirdParty {
	width: 16px;
	height: 16px;
	background: url("/Content/images/sprite.png");
	display: inline-block;
	vertical-align: bottom;
	float: left;
}

div.thirdParty.myDoodle {
	background-position: -48px -27px;
}

div.thirdParty.facebook {
	background-position: -64px -27px;
}

div.thirdParty.google {
	background-position: -32px -27px;
}

div.thirdParty.googleApps {
	background-position: -112px -27px;
}

div.thirdParty.yahoo {
	background-position: -16px -27px;
}

div.thirdParty.openId {
	background-position: 0 -27px;
}

div.thirdParty.arrow {
	width: 12px;
	background-position: -96px -27px;
}

.busy {
	padding-left: 16px;
	background: url("/graphics/common/loading.gif");
	display: inline;
}

/* Footer */
#footer {
	margin-top: 19px;
	padding-bottom: 35px;
}

.footerlinks > div {
	margin: 0 5px;
	display: inline;
}

.footerlinks > a {
}

#languageSelector {
	height: 77px;
}

#langHelp {
	padding-top: 20px;
	float: left;
	height: 70px;
	text-align: left;
	width: 150px;
}

#languages {
	line-height: 19px;
	padding-top: 20px;
}

#languages > a, #languages > span {
	margin: 0 10px 0 0;
}

.socialHookShare .inviteByEmail {
	background-image: url("/graphics/socialhooks/email.png");
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	padding: 2px 15px 2px 33px;
	height: 20px;
}

.socialHookShare .inviteByEmail.noText {
	padding-right: 5px;
}

.socialHookShare .fbshare {
	background-image: url("/graphics/socialhooks/fbshare.png");
	color: white;
	cursor: pointer;
	float: left;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 14px;
	line-height: 10px;
	margin-top: 1px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: right;
	width: 56px;
}

.socialHookShare .tweet {
	margin-top: 0;
	background-image: url("/graphics/socialhooks/tweet.png");
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 10px;
	width: 55px;
}

.hiddenAcc {
	display: block;
	position: absolute;
	top: -999em;
}

.success {
	background-color: #e0f7df;
	color: #5cad5c;
	padding: 10px;
}

#premiumNag {
	padding: 10px;
	width: 260px;
	overflow: auto;
}

#premiumNag > * {
	float: left;
}

#premiumNag > div {
	padding: 0 10px;
	width: 166px;
	float: left;
	text-align: left;
}

#premiumNag > div > * {
	text-align: left;
}

#premiumNag > img {
	width: 60px;
}

#tabsContainer {
	background: url('/graphics/common/verticalsprite.png') 0 -280px repeat-x #f0f0f0;
	padding: 0;
	margin-bottom: 18px;
	height: 33px;
}

#tabsContainer.invisible {
	background: url('/graphics/common/verticalsprite.png') 0 -310px repeat-x #f0f0f0;
	padding: 0;
	margin-bottom: 18px;
	height: 3px;
}

#tabs {
	display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#tabs .busy {
	display: inline-block;
	height: 16px;
	width: 0;
	margin-bottom: 7px;
	margin-left: 7px;
}

#tabsContainer select {
	float: right;
	margin-right: 24px;
}

.tab {
	display: inline;
	height: 33px;
	text-align: center;
}

.tab > div {
	display: inline-block;
	height: 33px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#tableTab {
	margin-left: 12px;
}

#calendarTab {
	margin-left: 5px;
}

#adminTab {
	margin-left: 5px;
}

.tab >.lTab {
	background: url('/graphics/common/verticalsprite.png') 0 -214px no-repeat;
	width: 20px;
}

.tab >.rTab {
	background: url('/graphics/common/verticalsprite.png') right -181px no-repeat;
	width: 12px;
}

.tab >.mTab {
	background: url('/graphics/common/verticalsprite.png') 0 -247px repeat-x;
	color: #fff;
	padding-top: 11px;
	height: 22px;
	font-size: 15px;
	line-height: 14px;
}

.activeTab >.lTab {
	background: url('/graphics/common/verticalsprite.png') 0 -82px no-repeat !important;
}

.activeTab >.rTab {
	background: url('/graphics/common/verticalsprite.png') right -115px no-repeat !important;
	width: 12px;
}

.activeTab >.mTab {
	background: url('/graphics/common/verticalsprite.png') 0 -148px repeat-x !important;
	padding-top: 11px;
	height: 22px;
	color: #323232;
}

.tab.inactive > .lTab {
	background-position: 0 -412px;
	cursor: default;
}

.tab.inactive > .rTab {
	background-position: right -445px;
	cursor: default;
}

.tab.inactive > .mTab {
	background-position: 0 -478px;
	cursor: default;
}

.avatarBig {
	float: left;
	width: 80px;
	height: 100px;
	border: 1px #d6d6d6 solid;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 20px;
}

.ui-widget-overlay {
	background: none repeat scroll 0 0 #000000;
	opacity: 0.6;
	overflow: hidden;
}

.ui-widget-content a {
	color: #06d;
}

.ui-dialog-titlebar {
	display: none;
}

.ui-dialog-buttonpane {
	border: 0;
	float: left;
}

.ui-dialog .ui-dialog-content {
	padding: 0;
	margin: 30px;
	overflow: visible;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 0;
	margin: 0 0 30px 30px;
}

.icon {
	background: url('/Content/images/sprite.png') -24px 0 no-repeat;
	width: 12px;
	height: 12px;
	margin: 3px 5px 0 0;
}

.delIcon {
	background: url('/Content/images/sprite.png') -36px 0 no-repeat;
	cursor: pointer;
}

.noIcon {
	background: url('/Content/images/sprite.png') -45px -12px no-repeat;
	display: inline;
	padding: 0 15px 0 0;
}

.yesIcon {
	background: url('/Content/images/sprite.png') -15px -12px no-repeat;
	display: inline;
	padding: 0 15px 0 0;
}

.commentIcon {
	background: url('/Content/images/sprite.png') -24px 0 no-repeat;
}

/* Invite&Contact */
#invShaddow {
	position: relative;
	width: 722px;
	display: inline-block;
}

#invShdTopLeft {
	background: url("/graphics/common/horizontalsprite.png") no-repeat scroll -159px -5px transparent;
	height: 3px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 3px;
}

#invShdTop {
	background: url("/graphics/common/verticalsprite.png") repeat-x scroll 0 -516px transparent;
	height: 3px;
	left: 3px;
	overflow: hidden;
	position: absolute;
	right: 3px;
	top: 0;
}

#invShdTopRight {
	background: url("/graphics/common/horizontalsprite.png") no-repeat scroll -162px -5px transparent;
	height: 3px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
}

#invShdLeft {
	background: url("/graphics/common/horizontalsprite.png") repeat-y scroll -185px 0 transparent;
	bottom: 10px;
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 3px;
	width: 3px;
}

#invShdRight {
	background: url("/graphics/common/horizontalsprite.png") repeat-y scroll -188px 0 transparent;
	bottom: 10px;
	display: block;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 3px;
	width: 3px;
}

#invShdLeftBottom {
	background: url('/Content/images/sprite.png') -220px 0 no-repeat transparent;
	bottom: 0;
	height: 10px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 3px;
}

#invShdRightBottom {
	background: url('/Content/images/sprite.png') -223px 0 no-repeat transparent;
	bottom: 0;
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 3px;
}

#invShaddowBottom {
	bottom: 0;
	height: 10px;
	overflow: hidden;
	left: 3px;
	position: absolute;
	right: 3px;
}

#invConMessage {
	border: 1px #d6d6d6 solid;
	padding: 17px;
	background-color: #fff;
	width: 680px;
	margin: 3px 3px 10px 3px;
}

#invConMessage > h4 {
	font-style: italic;
}

#msgshwleft {
	width: 62px;
	height: 10px;
	float: left;
	background: url('/Content/images/sprite.png') -96px 0 no-repeat transparent;
}

#msgshwmid {
	width: 592px;
	height: 10px;
	float: left;
	background: url('/graphics/common/verticalsprite.png') 0 0 repeat-x transparent;
}

#msgshwright {
	width: 62px;
	height: 10px;
	float: right;
	background: url('/Content/images/sprite.png') -158px 0 no-repeat transparent;
}

/* Rectangle Ad*/
#rect {
	background-color: #f0f0f0;
	padding-bottom: 40px;
}

#rect .adsLabel {
	padding-top: 13px;
	padding-bottom: 12px;
	font-size: 12px;
	line-height: 12px;
}

#rect .rectangle {
	border: 10px solid #fff;
	display: -moz-inline-box;
	/* Firefox < 3, will be quirky in some edge cases... */
	display: inline-block;
	*display:inline;
	* zoom: 1;
	/* Star hack targets IE < 8; zoom triggers hasLayout with no other side-effects */
}

/* Tabs */
#adminTab >.lTab {
	background: url('/graphics/common/verticalsprite.png') no-repeat left -313px;
}

#adminTab >.mTab {
	background: url('/graphics/common/verticalsprite.png') 0 -346px repeat-x;
}

#adminTab >.rTab {
	background: url('/graphics/common/verticalsprite.png') right -379px repeat-x;
}

/* Admin (Shared with Polls and MeetMe) */
#adminCont a, #adminCont span {
	padding-left: 8px;
	line-height: 20px;
}

#adminCont .withIcon {
	background: url('/Content/images/sprite.png') no-repeat 0 0 transparent;
	height: 20px;
	width: 20px;
	float: left;
}

#adminCont .editPoll {
	background-position: -160px -78px;
}

#adminCont .deletePoll {
	background-position: -60px -78px;
}

#adminCont .contactParts {
	background-position: -80px -78px;
}

#adminCont > div {
	width: 255px;
	float: left;
}

#adminCont > div > * {
	display: block;
	clear: both;
	float: left;
	width: 255px;
}

#adminCont > div > div {
	margin-bottom: 14px;
}

#loggedOutContent {
	padding: 100px 200px;
	width: 414px;
}

#loggedOutContent #eMailAddress {
	width: 366px;
}

#loggedOutContent #password {
	width: 402px;
}

#loggedOutContent .dropdown-button {
	height: 19px;
	float: none;
}

#loggedOutContent div.thirdParty {
	margin-top: 1px;
}

#countInfos {
	color: #6F6F6F;
	padding-left: 5px;
	vertical-align: top;
}

/* Big Button */
.bigButton {
	display: inline;
	text-decoration: none;
}

.bigButton:hover {
	text-decoration: none;
}

.bigButton div {
	cursor: hand;
	float: left;
	height: 42px;
	background: url("/graphics/common/verticalsprite.png") no-repeat scroll 0 0 transparent;
}

.bigButton .left {
	background-position: 0 -620px;
	width: 6px;
}

.bigButton:hover .left {
	background-position: 0 -746px;
}

.bigButton.pressed .left {
	background-position: 0 -872px;
}

.bigButton .right {
	background-position: 0 -704px;
	width: 6px;
}

.bigButton:hover .right {
	background-position: 0 -830px;
}

.bigButton.pressed .right {
	background-position: 0 -956px;
}

.bigButton .center {
	background-position: 0 -662px;
	background-repeat: repeat-x;
	font-size: 15px;
	height: 32px;
	padding: 10px 10px 0 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.bigButton:hover .center {
	background-position: 0 -788px;
}

.bigButton.pressed .center {
	background-position: 0 -914px;
}

